<script setup lang="ts">

import {Document, Location, Setting} from "@element-plus/icons-vue";
import router from "../Router";

function toHome(){
  router.push("/home")
}
function toOra(){
  router.push("/organization")
}
function toCreate(){
  router.push("/upload")
}

function toShow(){
  router.push("/showTask")
}
</script>

<template>
  <div class="h-full bg-white fixed select-none">
    <el-col :span="3.5" style="height: 100%;">
      <el-menu
          class="el-menu-vertical-demo"
      >
        <el-menu-item
            index="1"
            @click = "toHome()"
        >
          <template #title>
            <el-icon><location /></el-icon>
            <span>首页</span>
          </template>
        </el-menu-item>

        <el-menu-item
            index="2"
            @click = "toOra()"
        >
          <el-icon><document /></el-icon>
          <span>组织管理</span>
        </el-menu-item>

        <el-sub-menu index="3">
          <template #title>
            <el-icon><document /></el-icon>
            <span>任务管理</span>
          </template>
          <el-menu-item index="3-1" @click="toCreate">创建任务</el-menu-item>
          <el-menu-item index="3-2" @click="toShow">查看任务</el-menu-item>
          <el-menu-item index="3-3">任务统计</el-menu-item>
        </el-sub-menu>

        <el-menu-item index="4">
          <el-icon><setting /></el-icon>
          <span>审核管理</span>
        </el-menu-item>

        <el-menu-item index="5">
          <el-icon><setting /></el-icon>
          <span>统计分析</span>
        </el-menu-item>
      </el-menu>
    </el-col>

  </div>
</template>

<style scoped>

</style>